<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      border:1px solid red;
      width: 400px;
      height: 400px;
      background-image: url("../day05/b.jpg");
      background-size: auto;
      background-repeat: no-repeat;

    }
    span{
      border: 1px solid blue ;
      width: 400px;
      height: 400px;
      display: inline-block;
      background-image: url("../day05/b.jpg");
      background-size: auto 300px;
      background-repeat: no-repeat;
    }
  </style>
</head>
<body>
  <div>div1</div>
  <div>div2</div>
  <div>div3</div>
  <span>span1</span>
  <span>span2</span>
  <span>span3</span>
</body>
</html>